<template>
	<view class="loading" :data-status="status">
		<text class="iconfont spin">&#xe6d1;</text>
	</view>
</template>

<script>
	export default{
		props:{
			'status':{type:String, default:'loading'}
		}
	}
</script>

<style lang="scss" scoped>
	.loading{
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all .3s;
		height: 160upx;
		font-size: $font-size-lg;
		color: rgba(255,255,255,0.4);
		&[data-status="loaded"]{
			height: 0;
			overflow: hidden;
		}
	}
</style>
